home *** CD-ROM | disk | FTP | other *** search
/ Nikkei Mac 20 / NIKKEI-MAC-CD-VOL-20-1998-12.ISO.7z / NIKKEI-MAC-CD-VOL-20-1998-12.ISO / オンラインソフト / 9.ウェブ作成ツール / PageSpinner / PageSpinner Docs Japan.sit / PageSpinner Docs Japan / Examples / JavaScript / Timed_Banner < prev    next >
Text File  |  1997-06-18  |  4KB  |  137 lines
  1. <HTML><HEAD>
  2. <TITLE>JavaScript バナー</TITLE>
  3.  
  4. <SCRIPT LANGUAGE="JavaScript">
  5. <!-- Beginning of JavaScript --------
  6. /* 
  7.     JavaScript Banner
  8.     Written by Jerry Aman, Optima System, April 19, 1997.
  9.     Part of the PageSpinner distribution.
  10.  
  11.     We will not be held responsible for any unwanted 
  12.     effects due to the usage of this script or any derivative.  
  13.     No warrantees for usability for any specific application are 
  14.     given or implied.
  15.  
  16.     You are free to use and modify this script,
  17.     if the credits above are given in the source code
  18. */
  19.  
  20. var    timerID = null;
  21. var    timerRunning = false;
  22.  
  23. function stopclock()
  24. {
  25.     if(timerRunning)
  26.         clearTimeout(timerID)
  27.         timerRunning = false
  28. }
  29.  
  30. function startclock()
  31. {
  32.     stopclock()
  33.     showMessage()
  34. }
  35.  
  36.  
  37. var messageList = new msgList (
  38.     "PageSpinner で素敵な Web を創りましょう！",
  39.     "PageSpinner はたった $25ドルであなたのものに",
  40.     "PageSpinner で JavaScript を書きましょう",
  41.     "PageSpinner で HTML を学びましょう！",
  42.     "PageSpinner に AppleScriptを伝えて...",
  43.     "退屈な作業を自動化しましょう！",
  44.     "PageSpinner for MacOS は",
  45.     "なんとたった $25 ドル",
  46.     "さあ今すぐ手に入れて...",
  47.     "PageSpinner で素敵な Web を創りましょう！",
  48.     "PageSpinner でフォームを作りましょう！",
  49.     "PageSpinner で JavaScript を書きましょう！",
  50.     "PageSpinner で HTML を学びましょう！",
  51.     "AppleScript を使ってデータベースを公開して ...",
  52.     "スタイルシートを作って ..."
  53.     );
  54.  
  55.  
  56. function GetNextMessage()
  57. {
  58.     messageList.selected ++;
  59.  
  60.     if ( messageList.selected >=  messageList.count)
  61.          messageList.selected = 0;
  62.  
  63.     return  messageList.list[messageList.selected];
  64. }
  65.  
  66.  
  67.  
  68. function msgList ()
  69. {
  70.     var argv = msgList.arguments;
  71.     var argc = argv.length;
  72.     this.list = new Object();
  73.     for (var i = 0; i < argc; i++)
  74.     this.list[i] = argv[i];
  75.     this.count = argc;
  76.     this.selected = -1;
  77.     return this;
  78. }
  79.  
  80.  
  81. /*    -------------------------------------------------
  82.     showMessage()
  83.     Display message in field named timerField in 
  84.     the form named timeForm 
  85.     -------------------------------------------------    */
  86.  
  87. function showMessage()
  88. {
  89.         // Update display every 2000 ms
  90.     document.timerForm.timerField.value =  " " + GetNextMessage ();
  91.     timerID = setTimeout("showMessage()",2000);
  92.     timerRunning = true;
  93. }
  94.  
  95. // -- End of JavaScript code -------------- -->
  96. </SCRIPT>
  97.  
  98. </HEAD>
  99. <BODY onLoad="startclock()">
  100. <H1>JavaScript バナー</H1>
  101.  
  102. <B>このひな形ページには、JavaScript バナーの例が含まれています。</B>
  103. <P>
  104. JavaScript は、Netscape Navigator 2.0 以上のみで使用できることに注意してください。<BR>
  105. <FONT COLOR="931B15">あなたのページの全ての観客が JavaScript 対応ブラウザを使用していると思ってはいけません。</FONT>
  106. <HR>
  107. <P>
  108.  
  109. <CENTER><FORM NAME="timerForm" onSubmit="0">
  110. <INPUT TYPE="text" NAME="timerField" SIZE=45 VALUE ="">
  111. </FORM>
  112. </CENTER>
  113. <P>
  114. <HR>
  115. <P>
  116. <B>使い方：</B>
  117. <BLOCKQUOTE>
  118. <P>
  119. 全ての JavaScript (このファイルの Head セクションにあるもの) を別のファイルにコピーします。また、このファイルをひな形ファイルとして使うこともできます。
  120. <P>
  121. 以下の Body タグ <CODE><BODY  onLoad="startclock()"></CODE> を使って、フィールド内を新しいメッセージに更新するタイマーをスタートさせます。
  122. <P>
  123. 以下のようなものをあなたのページの Body セクション内に作って、バナーを表示します。
  124.  
  125. <XMP><FORM NAME="timerForm" onSubmit="0">
  126. <INPUT TYPE="text" NAME="timerField" SIZE=45 VALUE ="">
  127. </FORM>
  128. </XMP>
  129.  
  130. テキストフィールドのサイズは、アトリビュート名 <CODE>SIZE=40</CODE>で調整します。あなたのメッセージで最も長いものが完全に表示されるかどうか、余分なスペースを追加したり、異なったブラウザに表示したりして確かめるのを忘れないでください。
  131. </BLOCKQUOTE>
  132.  
  133. 異なったメッセージを表示する別のやりかたとして、 animated GIF イメージの使用があります。その場合は、ディスプレイのもっとグラフィカルなコントロールができ、簡単なムービーさえ作ることができます。 animated GIFイメージを作成するには、GIFBuilder などのアプリケーションを使用します。
  134. <!--Translated by <A HREF="mailto:hosoka@ca2.so-net.or.jp">Shuji HOSOKAWA</A>-->
  135. </BODY>
  136. </HTML>
  137.